body {background: #f5f8fa;}
a:hover{text-decoration:none;}
#header { width: 100%;}
#header_content {width: 80%;}
#footer {background: #2a2c31; text-align: center; margin-top: 5px;}
#header_logo{color:#222222ee;font-size: 25px;font-weight: bold;float: left; margin-top: 5px;}
#header_nav {padding-top: 15px;padding-left: 30px;float: left;}
#header_nav li {float: left; list-style: none; margin-right: 15px;}
#header_nav li a {float: left; font-size: 14px; list-style: none; color: #222; }
#header_nav li a:hover{text-decoration: underline;}
#user_info {float: right; margin-top: 15px; }
#user_info a {margin-right: 8px;color: #222; font-size: 14px;}
#user_info a:hover {text-decoration: underline;}
.clear {clear: both;}
.white_card {background-color: white; padding: 20px 50px 50px 50px;border: none;}
.context {margin-top: 20px;margin-bottom: 20px;}
.card_header h1{font-size: 24px; font-weight: bold;}
.regfrom {margin-top: 30px;}
.w100 {width: 100%;}
.jump_card{text-align: center;font-weight: bold;}
#link_text{ display: block; color: blue; padding-top: 20px; font-weight: normal;}
.white_cardp20{background-color: white;border: none; padding: 20px;}
.footer_list {padding-top: 20px;color:white;}

.footer_list  a{font-size: 12px; color: white; margin-right: 10px; }
.tcenter {text-align: center;}
#footer p {font-size: 12px;  color: white;  margin-top: 20px; padding-bottom: 20px;}

#appnav{background-color:white; box-shadow: 0px 1px 5px #ccc;margin-top: 120px;}
#appnav a {
    float: left;
    margin: 0 5px 0 0;
    padding: 10px 10px;
    position: relative;
    border-bottom: solid 2px #fff;
    color: #515151;
    font-size: 14px;
}
#appnav a:hover{color:#49a5de;  border-bottom: solid 2px #49a5de;}
#index_context {margin-top: 8px;}
.block {border: 1px solid #ddd; background-color:white;}
.block_title { border-bottom: 1px solid #ddd; padding: 6px 10px 6px 18px;}
.block_title_text {font-weight: normal; font-size: 14px; margin: 0px;padding: 0px;}
.block_context { padding: 10px;}

#news_left_pic  {float: left; width:42.5%; height: 300px; overflow: hidden;}
#news_right {float:left;width:57%;}
#news_right ul {width: 100%; margin: 0px; padding: 0px; padding-left: 20px;}
#news_right  li {list-style: none; line-height: 180%; border-bottom: 1px solid #eee;}
#news_right a {color:#222; font-size: 14px;}
#news_right a:hover {text-decoration: underline; color:#49a5de;}

#left_layout {padding-left: 0 !important;padding-right: 5px;}
#right_layout {padding-right: 0px !important;padding-left: 5px;}
.block2 {float: left; width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 5px;   }
.block2_title_text {float: left; font-size: 14px; color: #333; margin: 0 0 5px 0px; padding: 0 0 0 5px;}
.block2_title { border-bottom: 1px solid #ccc; padding-bottom: 3px;}
.block2_context ul {padding: 0px; padding-top:5px; min-height: 270px; }
.block2_context li {list-style:none;line-height: 180%;padding-left: 5px; border-bottom:1px dashed #eee;
   
}
.block2_context li a { color:#222; font-size: 14px; }
.block2_context li a:hover {text-decoration: underline; color:#49a5de;}
.block2_context  li span {color: #666; font-size: 14px; }
#card_user_info {text-align:center; height: 200px; margin-top: 0px;}
#headImg {border: 1px solid #ccc;border-radius: 4px;}
#card_user_right {text-align: center; color: #222;  padding-top: 2px; font-size: 14px;}
#card_user_desc {text-align: center; padding: 0 10px 0 10px; color:#666; font-size: 12px; margin-top: 10px;}
#card_user_name {margin-top: 5px;}
#header_img {width: 100%;height:180px;overflow: hidden;}
#header_img {position: absolute; top:0px; z-index: -9}
#nav_mask{z-index: -7; position: absolute;width:100%; height: 50px; top: 0px;background-color: hsla(0,0%,100%,.4);box-shadow: 0 1px 2px rgba(0,0,0,.1);}
#blur_bg {margin: 0px; padding: 0px; z-index: -8; position: absolute;width:100%; height: 60px; 
    top: -15px;background-position: center 18px;background-repeat: no-repeat;filter: blur(4px);}
#profile_menu {text-align: center;}
#profile_menu ul {margin: 0px; padding: 0px;}
#profile_menu ul li {list-style: none;}
#profile_menu ul li a {color: #222;display: block;height: 40px;line-height: 40px;text-decoration: none;}
#profile_menu ul li a:hover {background: #f8f9fa;}
.profile_active {background: #DAE0E5;}
.block2_more {float: right;}
.block2_more a {color: #555;}
#articleLst {padding:5px 20px 20px 20px;}
#articleLst ul {margin: 0px;padding: 0px;}
#articleLst ul li a{ color: #222; font-size: 16px;}
#articleLst ul li {list-style: none; line-height: 2; border-bottom:1px solid #ddd;}
#articleLst ul li a:hover {text-decoration: underline; color:#49a5de;}
#cateListTitleText {font-size: 16px; font-weight: bold; margin: 5px;}
.articleList li {overflow:hidden;}
.articleList li a {display:block; float: left; width: calc(100% - 45px);overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap; }
.articleList li span {display: block; float: right}

.ideaSendCard { width: 100%;background-color: #fff; margin: 0 0 10px 0;box-shadow: 0 0 2px rgba(0,0,0,0.15);border-radius: 2px;padding: 15px 10px 10px;}
.sendIdea {border: 1px solid #ccc;min-height: 68px;margin: 4px 0 0;padding: 5px;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15) inset;}
.sendIdea textarea {min-height: 68px; resize: none;height: 68px;width: 100%;margin: 0px;padding: 0px;border-style: none;border-width: 0px;
    font-size: 14px;overflow-wrap: break-word;line-height: 18px;overflow: hidden; color: #808080;}
.sendIdea textarea:focus {color: #333;}
.sendDivFocus {border-color: #eb7350;}
.sendBar {margin-top: 10px; overflow: hidden;}
.sendBtn {float: right; width: 80px; background-color: rgb(255, 129, 64) !important;
    border-color: #f77c3d !important;}
.sendBtn:hover {background: #f7671d !important;border: 1px solid #f06923 !important;}
.sendBtn:active {background: #f7671d !important;border: 1px solid #f06923 !important;}

.ideaCard{overflow: hidden; width: 100%;background-color: #fff;margin: 0 0 10px 0;box-shadow: 0 0 2px rgba(0,0,0,0.15);border-radius: 2px;}
.ideaFace {float:left;}
.ideaFace img {width: 70px; height: 70px;border-radius: 50%;}
.ideaContext {float:left; margin-left:15px; width:calc(100% - 85px);}
.ideaUserInfo {text-align: left;}
.ideaUserInfo a { color: #333;font-size: 14px;font-weight: 700;}

.ideaTime { color: #808080; font-size: 12px; margin-top:5px;}
.ideaInnerText {margin-top:8px; color:#333; font-size: 14px;}
.buttomBar {width: 100%;overflow: hidden;margin: 0px; margin-top:8px; margin-bottom: 5px; border-top:1px solid #f2f2f5;}
.buttomBar li {padding:4px 40px 4px 40px; float: right;margin-top:8px; list-style: none; border-left:1px solid#d9d9d9;}
.ideaCardCInnerContext {padding: 20px 20px 4px;}
.buttomBar li a {color: #696e78;}
.buttomBar li a i {margin-right: 8px;}
.loadMore { padding: 10px; text-align: center; cursor: pointer;font-weight: bold;}